<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0px;
            padding: 0px;
        }
    </style>
</head>
<body>
    <h1>工作经历</h1>
    <br>
    <hr>
	<div id="div">
<!-- 		<div id="div2">
		
			公司名称：<input type="text">
			职位：<input type="text">
			<a href="" onclick="removeHTML()">删除工作经历</a>
			<br><br>
			<table >
			<tr>
				<td align="center" width="200px">工作职责及工作内容描述：</td>
				<td><textarea rows="10" cols="100"></textarea></td>
			</tr>
			</table>		
			<hr style="margin-top: 10px;">
		</div> -->
	</div>
	<a href="#"  onclick="adds()" style="float: right;">添加工作经历</a>
</body>
	<script type="text/javascript">
		var num=0
		function adds(){
			var addobj = document.getElementById('div')
			var type = addobj.getElementsByTagName('div')
			console.log(type)
			var sonDiv= document.createElement('div')
			num++
			sonDiv.id = 'div'+num
			sonDiv.innerHTML+= `
				公司名称：<input type="text">
				职位：<input type="text">
				<a href="#" " onclick=`+'removeHTML('+sonDiv.id+')'+`>删除工作经历</a>
				<br><br>
			<table >
			<tr>
				<td align="center" width="200px">工作职责及工作内容描述：</td>
				<td><textarea rows="10" cols="100"></textarea></td>
			</tr>
			</table>	
				<hr style="margin-top: 10px;">
			`
			addobj.appendChild(sonDiv)
			
			// var type1 = document.getElementsByTagName('div')
			// console.log(type1)
			// addobj.innerHTML+=
			// `
			// 	<div id="div2">

			// 		公司名称：<input type="text">
			// 		职位：<input type="text">
			// 		<a href="#" onclick="removeHTML()">删除工作经历</a>
			// 		<br><br>
			// 		<div id="" style="float: left;width: 195px;height:auto;padding: 65px 0;">
			// 			工作职责及工作内容描述：
			// 		</div>		
			// 		<td><textarea rows="10" cols="100"></textarea></td>
			// 		<hr style="margin-top: 10px;">
			// 	</div>
			// `
			// var arr = div.getElementsByTagName('div')
			// var temp=''
			// temp=arr[0].id
			// console.log(arr[0].id)
		}
		function removeHTML(demo){
			var div = document.getElementById('div')
			// var arr = div.getElementsByTagName('div')
			// var temp=demo
			// for (var i = arr.length-1; i > 0; i--) {
			// 		if(temp == arr[i]){
						
			// 		}
			// 		break;
				
			// }
			var type = document.getElementById(demo.id)
			div.removeChild(type)
		}
		

	</script>
</html>